<template>
  <div class="materialRentContractAgreementDetails">
    <div class="ccui-navigation approval-navigation">
      <el-button
        size="mini"
        type="primary-icon-medium"
        icon="icon-ccui-return"
        @click="handleBack"
        >返回</el-button
      >
      <div class="ccui-navigation-divider" />
      <!-- 面包屑 -->
      <el-breadcrumb
        class="ccui-navigation-crumbs-container"
        separator-class="el-icon-arrow-right"
      >
        <el-breadcrumb-item
          :to="{ path: $store.getters.getBreadcrumb('level1').path }"
          >{{ $store.getters.getBreadcrumb("level1").name }}</el-breadcrumb-item
        >
        <el-breadcrumb-item
          :to="{
            path: '/contractManagement/materialRentContract/contractDraft/item-list'
          }"
          >合同管理</el-breadcrumb-item
        >
        <el-breadcrumb-item
          :to="{ path: '/contractManagement/materialRentContract/contractDraft' }"
          >运输合同管理</el-breadcrumb-item
        >
        <el-breadcrumb-item
          :to="{
            path: '/contractManagement/materialRentContractApproval/approvalPending'
          }"
          >合同审批</el-breadcrumb-item
        >
        <el-breadcrumb-item>
          <span>查看</span>
          <span class="ccui-curr-crumb ccui-ml-10">{{ name }}</span>
        </el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <materialRentContractAgreementDetails />
    <approvalOperate />
    <!--    <export-qr ref="exportQr"></export-qr>-->
  </div>
</template>

<script>
import materialRentContractAgreementDetails from "@/app/contractManagement/materialRentContract/contractAgreement/views/item-detail";
import approvalOperate from "@/basa/components/public/approval/approval-operate";
// import exportQr from "@/basa/components/public/exportQr";
export default {
  components: { materialRentContractAgreementDetails, approvalOperate },
  data() {
    return {
      changedetail: 1
    };
  },
  computed: {
    name() {
      return this.$route.query.name;
    }
  },
  methods: {
    handleBack() {
      this.$router.back();
    }
  },
  activated() {
    this.$nextTick(() => {
      ++this.changedetail;
    });
  }
};
</script>

<style lang="scss">
.materialRentContractAgreementDetails {
  .ccui-navigation {
    display: none;
  }
  .el-bottom-guide {
    display: none;
  }
  .approval-navigation {
    &.ccui-navigation {
      display: block;
    }
  }
}
</style>
